// 获取DOM元素
const typeItems = document.querySelectorAll('.type-item');
const videoPlayer = document.getElementById('rehabVideo');
const videoTitle = document.querySelector('.video-title');
const videoDesc = document.querySelector('.video-desc');
const videoItems = document.querySelectorAll('.video-item');

// 视频数据
const videoData = {
    vision: [
        {
            title: '视力康复基础训练',
            desc: '通过专业训练方法提升视觉感知能力，包括视觉追踪、视觉记忆和视觉分辨等基础训练。',
            src: 'videos/vision-rehab1.mp4',
            thumbnail: 'img/vision-rehab1.jpg',
            duration: '15:30'
        },
        {
            title: '视觉追踪训练',
            desc: '提高眼球运动控制和视觉追踪能力，帮助改善视觉协调性。',
            src: 'videos/vision-rehab2.mp4',
            thumbnail: 'img/vision-rehab2.jpg',
            duration: '12:45'
        }
    ],
    hearing: [
        {
            title: '听力康复基础训练',
            desc: '通过声音识别训练提升听觉能力，包括声音辨别、声音定位等基础训练。',
            src: 'videos/hearing-rehab1.mp4',
            thumbnail: 'img/hearing-rehab1.jpg',
            duration: '18:20'
        },
        {
            title: '声音定位训练',
            desc: '提高声音方向识别和定位能力，帮助改善空间听觉感知。',
            src: 'videos/hearing-rehab2.mp4',
            thumbnail: 'img/hearing-rehab2.jpg',
            duration: '14:15'
        }
    ],
    speech: [
        {
            title: '言语康复基础训练',
            desc: '通过发音训练提升语言表达能力，包括发音、语调和语速控制等基础训练。',
            src: 'videos/speech-rehab1.mp4',
            thumbnail: 'img/speech-rehab1.jpg',
            duration: '20:10'
        },
        {
            title: '语言理解训练',
            desc: '提高语言理解和表达能力，帮助改善沟通效果。',
            src: 'videos/speech-rehab2.mp4',
            thumbnail: 'img/speech-rehab2.jpg',
            duration: '16:30'
        }
    ],
    physical: [
        {
            title: '肢体康复基础训练',
            desc: '通过运动训练提升肢体功能，包括力量训练、协调性训练等基础训练。',
            src: 'videos/physical-rehab1.mp4',
            thumbnail: 'img/physical-rehab1.jpg',
            duration: '25:40'
        },
        {
            title: '平衡能力训练',
            desc: '提高身体平衡和协调能力，帮助改善运动控制。',
            src: 'videos/physical-rehab2.mp4',
            thumbnail: 'img/physical-rehab2.jpg',
            duration: '22:15'
        }
    ],
    intellectual: [
        {
            title: '认知能力训练',
            desc: '通过认知训练提升思维能力，包括注意力、记忆力和逻辑思维等训练。',
            src: 'videos/intellectual-rehab1.mp4',
            thumbnail: 'img/intellectual-rehab1.jpg',
            duration: '19:25'
        },
        {
            title: '注意力训练',
            desc: '提高注意力和专注能力，帮助改善学习效果。',
            src: 'videos/intellectual-rehab2.mp4',
            thumbnail: 'img/intellectual-rehab2.jpg',
            duration: '17:50'
        }
    ]
};

// 切换残疾类型
typeItems.forEach(item => {
    item.addEventListener('click', () => {
        // 移除其他项的active类
        typeItems.forEach(i => i.classList.remove('active'));
        // 添加当前项的active类
        item.classList.add('active');
        
        // 获取选中的类型
        const type = item.getAttribute('data-type');
        // 更新视频列表显示
        updateVideoList(type);
    });
});

// 更新视频列表
function updateVideoList(type) {
    // 隐藏所有视频项
    videoItems.forEach(item => {
        item.style.display = 'none';
    });
    
    // 显示对应类型的视频
    videoItems.forEach(item => {
        if (item.getAttribute('data-type') === type) {
            item.style.display = 'block';
        }
    });
}

// 播放视频
videoItems.forEach(item => {
    item.addEventListener('click', () => {
        // 跳转到指定的外部链接
        window.open('http://canjiren.china.com.cn/2020-02/10/content_41053439.html', '_blank');
    });
});

// 初始化显示第一个类型的视频
document.querySelector('.type-item.active').click();